<div class="login-html border-box flex-c">
  <div class="login-head">

  </div>
  <div class="header-logo-wrap">
    <div class="header-inner">
      <img src="@/modules/CST/assets/zdqylogo.png" />
      <span class="name">平台科室知情同意书系统</span>

    </div>
  </div>
  <div class="flex1" :style="bg">
    <div class="login-box">

      <div class="p10">
        <el-tabs v-model="activeName" class="mb20">
          <el-tab-pane label="账号密码登录" name="1"></el-tab-pane>
        </el-tabs>

        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="70px" class="demo-ruleForm">
          <el-form-item label="用户名" prop="user_name">
            <el-input v-model="ruleForm.user_name" placeholder="请输入"   @keyup.native="upperUsername()" @keyup.enter.native="onSubmit"></el-input>
          </el-form-item>
          <el-form-item label="密码" prop="user_pwd">
            <el-input v-model="ruleForm.user_pwd" placeholder="请输入" type="password" @keyup.enter.native="onSubmit" />
            </el-input>
          </el-form-item>
          <!-- <el-form-item label="验证码" prop="cap_text" class="yzm">
            <div class="flex-r">
              <div class="flex1 pt10">
                <el-input placeholder="请输入" v-model="ruleForm.cap_text" @keyup.enter.native="onSubmit"></el-input>
              </div>
              <div>
                <div title="看不清换一张" class="inline-block pointer" v-html="yzm" @click="getCap"
                  :style="{ width: width + 'px', height: height + 'px' }"></div>
              </div>
            </div>
          </el-form-item> -->
          <el-form-item>
            <el-button type="primary" class="wp100 mt10" @click="onSubmit" size="medium" :loading="loading">登录
            </el-button>
          </el-form-item>
        </el-form>

      </div>
    </div>
  </div>



  <CustomFooter></CustomFooter>

</div>